<template>
	<view class="box">
		<view class="member_header box w100 height_44 bc_fff fz_14 fc_333">
			<view class="header_left width_244">
				<image src="../../../static/images/calendar_icon.png" class="width_16 height_16 mr_5" mode=""></image>
				<view class="">
					邀请时间-邀请时间
				</view>
			</view>
			<view class="header_right width_131">
				选择会员等级
				<u-icon class="ml_5" name="arrow-down" color="#333333"></u-icon>
			</view>
		</view>
		<view class="info_box box width_351 height_133 ml_12 mr_12 br_8 bc_fff mt_12">
			<view class="info_top w100 height_64">
				<view class="top_left">
					<view class="width_40 height_40 br_42">
		
					</view>
					<view class="fz_16 ml_12 mr_4 fc_333">
						章西
					</view>
					<image src="../../../static/images/info_1.png" mode="" class="width_88 height_22"></image>
				</view>
				<view class="top_right fz_12 fc_999">
					2022-12-23 12:23
				</view>
			</view>
			<view class="info_bottom w100 height_69">
				<view class="bottom_left">
					<view class="number fz_16 fb mb-6">
						¥325,256,254
					</view>
					<view class="fz_12 fc_333">
						消费总额
					</view>
				</view>
				<view class="bottom_right width_112 height_40 br_112 fz_14 fc_fff">
					<!-- <image src="" mode=""></image> -->
					<view class="ml_8">
						联系会员
					</view>
				</view>
			</view>
		</view>
		<view class="info_box box width_351 height_133 ml_12 mr_12 br_8 bc_fff mt_12">
			<view class="info_top w100 height_64">
				<view class="top_left">
					<view class="width_40 height_40 br_42">
		
					</view>
					<view class="fz_16 ml_12 mr_4 fc_333">
						章西
					</view>
					<image src="../../../static/images/info_1.png" mode="" class="width_88 height_22"></image>
				</view>
				<view class="top_right fz_12 fc_999">
					2022-12-23 12:23
				</view>
			</view>
			<view class="info_bottom w100 height_69">
				<view class="bottom_left">
					<view class="number fz_16 fb mb-6">
						¥325,256,254
					</view>
					<view class="fz_12 fc_333">
						消费总额
					</view>
				</view>
				<view class="bottom_right width_112 height_40 br_112 fz_14 fc_fff">
					<!-- <image src="" mode=""></image> -->
					<view class="ml_8">
						联系会员
					</view>
				</view>
			</view>
		</view>
		<view class="info_box box width_351 height_133 ml_12 mr_12 br_8 bc_fff mt_12">
			<view class="info_top w100 height_64">
				<view class="top_left">
					<view class="width_40 height_40 br_42">
		
					</view>
					<view class="fz_16 ml_12 mr_4 fc_333">
						章西
					</view>
					<image src="../../../static/images/info_1.png" mode="" class="width_88 height_22"></image>
				</view>
				<view class="top_right fz_12 fc_999">
					2022-12-23 12:23
				</view>
			</view>
			<view class="info_bottom w100 height_69">
				<view class="bottom_left">
					<view class="number fz_16 fb mb-6">
						¥325,256,254
					</view>
					<view class="fz_12 fc_333">
						消费总额
					</view>
				</view>
				<view class="bottom_right width_112 height_40 br_112 fz_14 fc_fff">
					<!-- <image src="" mode=""></image> -->
					<view class="ml_8">
						联系会员
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.member_header {
	
		@include flex_box(row, nowrap, space-between, center);
	
		.header_left {
			@include set_padding(0rpx, 15rpx);
			@include flex_box(row, nowrap, center, center);
		}
	
		.header_right {
			@include flex_box(row, nowrap, center, center);
			border-left: 1rpx solid rgba(0, 0, 0, 0.1);
			;
		}
	}
	
	.info_box {
		@include set_padding(0rpx, 12rpx);
		.info_top {
			border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
			@include flex_box(row, nowrap, space-between, center);
	
			.top_left {
				@include flex_box(row, nowrap, flex-start, center);
			}
		}
	
		.info_bottom {
			@include flex_box(row, nowrap, space-between, center);
	
			.bottom_left {
				@include flex_box(column, nowrap, flex-start, flex-start);
	
				.number {
					color: #FE5A1C;
				}
			}
	
			.bottom_right {
				@include flex_box(row, nowrap, center, center);
				background-color: #1C76FE;
			}
		}
	}
</style>